<template>
  <div id="app">
    <Header />
    <Home />
    <About />
    <Services />
    <Counts />
    <Action/>
    <Portfolio/>
    <Testimonials/>
    <Team/>
    <Contact/>
    <Footer/>
    <BackTop/>
  </div>
</template>

<script>
import Home from "./components/Home";
import About from "./components/About";
import Header from "./components/Header";
import Services from "./components/Services";
import Counts from "./components/Counts";
import Action from './components/Action'
import Portfolio from './components/Portfolio'
import Testimonials from './components/Testimonials'
import Team from './components/Team'
import Contact from './components/Contact'
import Footer from './components/Footer'
import BackTop from './components/BackTop'

export default {
  name: "App",
  components: {
    Header,
    Home,
    About,
    Services,
    Counts,
    Action,
    Portfolio,
    Testimonials,
    Team,
    Contact,
    Footer,
    BackTop
  },
  mounted() {
    // console.log();
    // console.log(this.$refs);
  },
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
.w {
  max-width: 1320px;
  width: 90%;
  margin: 0 auto;
}
#app {
  width: 100%;
  color: #444;
  font-family: "Open Sans", sans-serif;
}
</style>
